<div bsModal #orderinfoModal="bs-modal" (onShown)="onShown()" class="modal fade" tabindex="-1" role="dialog"
  aria-labelledby="orderinfoModal" aria-hidden="true" [config]="{backdrop: 'static'}">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">
          <span>订单信息({{loadingMsg}})</span>
        </h4>
        <button type="button" class="close" (click)="close()">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <!-- 订单状态 -->
        <div><span>顺丰运单号:</span><span>{{waybillNo}}</span>,
          <span>订单状态:</span><span>{{orderStateCode}}</span>,
          <span>订单状态描述:</span><span>{{orderStateDesc}}</span>,
          <span>收件员工工号:</span><span>{{empCode}}</span>,
          <span>收件员手机号:</span><span>{{empPhone}}</span>,
          <span>网点:</span><span>{{netCode}}</span>,
          <span>最晚上门时间:</span><span>{{lastTime}}</span>,
          <span>客户预约时间:</span><span>{{bookTime}}</span>,
          <span>承运商代码(SF):</span><span>{{carrierCode}}</span>
        </div>
        <!-- 路由 -->
        <div>
          <ul>
            <li *ngFor="let r of routes">
              <span>时间</span><span>{{r.acceptTime}}</span>,
              <span>城市</span><span>{{r.acceptAddress}}</span>,
              <span>描述</span><span>{{r.remark}}</span>,
              <span>操作码</span><span>{{r.opCode}}</span>
            </li>

          </ul>
        </div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" (click)="close()">取消</button>
      </div>
    </div>
  </div>
</div>